import React from 'react'
import { SelectedPage } from '../shared/types'
import BannerSection from "../components/banner/Index"
import EquipmentSection from "../components/equipment/Index"
import VenueSection from "../components/venue/Index"
import EventManageSection from "../components/eventManage/Index"

type Props = {
  setSelectedPage: (value: SelectedPage) => void
}

const Home = ({ setSelectedPage }: Props) => {
  return (
    <main>
      <BannerSection setSelectedPage={setSelectedPage} />
      <EquipmentSection setSelectedPage={setSelectedPage} />
      <VenueSection setSelectedPage={setSelectedPage} />
      <EventManageSection setSelectedPage={setSelectedPage} />
    </main>
  )
}

export default Home